import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const CloseIconSvg = () => (
  <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M4.00005 4.91923L7.07595 7.99513L7.99519 7.07589L4.91929 3.99999L7.99519 0.924087L7.07595 0.00484841L4.00005 3.08075L0.924121 0.00482178L0.00488281 0.92406L3.08081 3.99999L0.00488281 7.07592L0.924121 7.99515L4.00005 4.91923Z"
      fill="#1C294B"
      fillOpacity="0.6"
    />
  </svg>
);

const CloseIcon = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={CloseIconSvg} {...props} />;
};

export default CloseIcon;
